input[type="checkbox"] {
  cursor: pointer;
}

.checkbox {
  cursor: pointer;
  line-height: inherit;

  &[aria-checked="true"] {
    opacity: .7;
  }

  &[aria-checked="false"] {
    opacity: .4;
  }
}

.checkbox__icon {
  display: inline;
  position: relative;
  top: -0.09em;

  svg {
    height: 1.3em;
    width: 1.3em;
  }
}
